<div class="">
    <div class="white-bg padding-left padding-right padding-top border-radius-top">
        <div class="flex justify-between">
            <div class="text-title">
                车辆信息
            </div>
            <div>
            </div>
        </div>
        <!-- 业主信息 -->
        <div class="margin-top">
            <div class="row">
                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="车牌号：" namespace="adminCarDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminCarDetailInfo.carNum}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="车品牌：" namespace="adminCarDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminCarDetailInfo.carBrand || '-'}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="车类型：" namespace="adminCarDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminCarDetailInfo.leaseTypeName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="颜色：" namespace="adminCarDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminCarDetailInfo.carColor || '-'}}</label>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="车牌类型：" namespace="adminCarDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminCarDetailInfo.carTypeName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="起租时间：" namespace="adminCarDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminCarDetailInfo.startTime}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="结租时间：" namespace="adminCarDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminCarDetailInfo.endTime}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="备注：" namespace="adminCarDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminCarDetailInfo.remark}}</label>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="停车场：" namespace="adminCarDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminCarDetailInfo.areaNum}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="车位：" namespace="adminCarDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminCarDetailInfo.num}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="状态：" namespace="adminCarDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminCarDetailInfo.stateName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="关联房屋：" namespace="adminCarDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminCarDetailInfo.roomName}}</label>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="vc-line-primary margin-top"></div>

        <div class="margin-top-sm">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminCarDetailInfo._currentTab == 'aCarDetailFee'}"
                        v-on:click="changeTab('aCarDetailFee')">
                        <vc:i18n name="车辆费用" namespace="adminCarDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminCarDetailInfo._currentTab == 'aRoomDetailHisFee'}"
                        v-on:click="changeTab('aRoomDetailHisFee')">
                        <vc:i18n name="缴费记录" namespace="adminCarDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminCarDetailInfo._currentTab == 'aCarDetailHis'}"
                        v-on:click="changeTab('aCarDetailHis')">
                        <vc:i18n name="修改记录" namespace="adminCarDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminCarDetailInfo._currentTab == 'aCarDetailMember'}"
                        v-on:click="changeTab('aCarDetailMember')">
                        <vc:i18n name="成员车辆" namespace="adminCarDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminCarDetailInfo._currentTab == 'aCarDetailOwner'}"
                        v-on:click="changeTab('aCarDetailOwner')">
                        <vc:i18n name="业主信息" namespace="adminCarDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminCarDetailInfo._currentTab == 'aRoomDetailRoom'}"
                        v-on:click="changeTab('aRoomDetailRoom')">
                        <vc:i18n name="业主房屋" namespace="adminCarDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminCarDetailInfo._currentTab == 'aRoomDetailCar'}"
                        v-on:click="changeTab('aRoomDetailCar')">
                        <vc:i18n name="业主车辆" namespace="adminCarDetail"></vc:i18n>
                    </a>
                </li>
                <!-- <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminCarDetailInfo._currentTab == 'ownerDetailOweFee'}"
                        v-on:click="changeTab('ownerDetailOweFee')">
                        <vc:i18n name="业主欠费" namespace="adminCarDetail"></vc:i18n>
                    </a>
                </li> -->
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminCarDetailInfo._currentTab == 'aCarDetailTransactionCar'}"
                        v-on:click="changeTab('aCarDetailTransactionCar')">
                        <vc:i18n name="车牌同步" namespace="adminCarDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminCarDetailInfo._currentTab == 'aCarDetailApplySpace'}"
                        v-on:click="changeTab('aCarDetailApplySpace')">
                        <vc:i18n name="车位申请" namespace="adminCarDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminCarDetailInfo._currentTab == 'aCarDetailCarInout'}"
                        v-on:click="changeTab('aCarDetailCarInout')">
                        <vc:i18n name="出入场记录" namespace="adminCarDetail"></vc:i18n>
                    </a>
                </li>
                <!-- <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminCarDetailInfo._currentTab == 'adminCarDetailCoupon'}"
                        v-on:click="changeTab('adminCarDetailCoupon')">
                        <vc:i18n name="优惠券" namespace="adminCarDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminCarDetailInfo._currentTab == 'adminCarDetailCouponOrder'}"
                        v-on:click="changeTab('adminCarDetailCouponOrder')">
                        <vc:i18n name="优惠券核销" namespace="adminCarDetail"></vc:i18n>
                    </a>
                </li> -->
            </ul>
        </div>
    </div>

    <div class="white-bg padding-left padding-right padding-top border-radius-bottom">
       <div v-if="adminCarDetailInfo._currentTab == 'aCarDetailFee'">
            <vc:create path="car/aCarDetailFee"></vc:create>
        </div>
        <div v-if="adminCarDetailInfo._currentTab == 'aRoomDetailHisFee'">
            <vc:create path="community/aRoomDetailHisFee"></vc:create>
        </div>
        <div v-if="adminCarDetailInfo._currentTab == 'aCarDetailHis'">
            <vc:create path="car/aCarDetailHis"></vc:create>
        </div>
        <div v-if="adminCarDetailInfo._currentTab == 'aCarDetailMember'">
            <vc:create path="car/aCarDetailMember"></vc:create>
        </div>

        <div v-if="adminCarDetailInfo._currentTab == 'aCarDetailOwner'">
            <vc:create path="car/aCarDetailOwner"></vc:create>
        </div>
        
        <div v-if="adminCarDetailInfo._currentTab == 'aRoomDetailRoom'">
            <vc:create path="community/aRoomDetailRoom"></vc:create>
        </div>
        
        <div v-if="adminCarDetailInfo._currentTab == 'aRoomDetailCar'">
            <vc:create path="community/aRoomDetailCar"></vc:create>
        </div>
        
        <div v-if="adminCarDetailInfo._currentTab == 'aCarDetailTransactionCar'">
            <vc:create path="car/aCarDetailTransactionCar"></vc:create>
        </div>
     
        <div v-if="adminCarDetailInfo._currentTab == 'aCarDetailApplySpace'">
            <vc:create path="car/aCarDetailApplySpace"></vc:create>
        </div>
           
        <div v-if="adminCarDetailInfo._currentTab == 'aCarDetailCarInout'">
            <vc:create path="car/aCarDetailCarInout"></vc:create>
        </div>
         <!--
        <div v-if="adminCarDetailInfo._currentTab == 'adminCarDetailCarInout'">
            <vc:create path="car/adminCarDetailCarInout"></vc:create>
        </div>
        <div v-if="adminCarDetailInfo._currentTab == 'adminCarDetailCoupon'">
            <vc:create path="car/adminCarDetailCoupon"></vc:create>
        </div>
        <div v-if="adminCarDetailInfo._currentTab == 'adminCarDetailCouponOrder'">
            <vc:create path="car/adminCarDetailCouponOrder"></vc:create>
        </div> -->
        
        
    </div>

</div>